<template>
    <div>
        <Return>我的订单</Return>
        <div class="list">
            <router-link to="/payment">全部</router-link>
            <router-link to="/after_payment">待付款</router-link>
            <router-link to="/appraise">待评价</router-link>
        </div>
        <router-view></router-view>
    </div>
</template>

<script>
import Return from '../components/Return'
  export default {
      components:{
        Return
      },
    data() {
      return {
        activeName: 'first',
    
      };
    },
    methods: {
    // handleClick(tab, event) {
    //     console.log(tab, event);
    //   },
    },
    mounted() {
    },

  
  }

</script>

<style scoped lang="scss">
    .list{
        display: flex;
        justify-content: space-around;
        align-items: center;
        a{
            flex: 1;
            height: 5vh;
            line-height: 5vh;
            text-align: center;
            border-bottom: 1px solid rgba(231, 231, 231, 1);
            
        }
        .router-link-exact-active{
            background: rgba(241, 241, 241, 1);
        }
        
    }
 

</style>